<!doctype html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">

<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>首页</title>
<meta name="keywords" content="后台">
<meta name="description" content="后台">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel='stylesheet' type='text/css' href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">
<link rel="stylesheet" type="text/css" th:href="@{/bootstrap/assets/skin/default_skin/css/theme.css}">
<link rel="shortcut icon" th:href="@{/bootstrap/assets/img/favicon.ico}" href="/favicon.ico" />
<link rel="bookmark" th:href="@{/bootstrap/assets/img/favicon.ico}" href="/favicon.ico" type="image/x-icon" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
   <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
   <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
   <![endif]-->
</head>
<body class="blank-page">

	<!-- Start: Main -->
	<div id="main">

		<!-- Start: Header -->
		<div th:replace="/bootstrap/admin/header :: main"></div>
		<!-- End: Header -->

		<!-- Start: Sidebar -->
		<div th:replace="/bootstrap/admin/sidebar_left :: main"></div>

		<!-- Start: Content-Wrapper -->
		<section id="content_wrapper">

			<!-- Start: Topbar-Dropdown -->
			<div th:replace="/bootstrap/admin/content :: #topbar-dropmenu"></div>
			<!-- End: Topbar-Dropdown -->

			<!-- Start: Topbar -->
			<div th:replace="/bootstrap/admin/content :: #topbar"></div>
			<!-- End: Topbar -->

			<!-- Begin: Content -->
			<section id="content" class="animated fadeIn"></section>
			<!-- End: Content -->

		</section>

		<!-- Start: Right Sidebar -->
		<div th:replace="/bootstrap/admin/sidebar_right :: main"></div>
		<!-- End: Right Sidebar -->

	</div>
	<!-- End: Main -->

	<!-- BEGIN: PAGE SCRIPTS -->
	<!-- jQuery -->
	<script th:src="@{/bootstrap/vendor/jquery/jquery-1.11.1.min.js}"></script>

	<!-- Theme Javascript -->
	<script th:src="@{/bootstrap/assets/js/utility/utility.js}"></script>
	<script th:src="@{/bootstrap/assets/js/demo/demo.js}"></script>
	<script th:src="@{/bootstrap/assets/js/main.js}"></script>

	<script type="text/javascript" src="//cdn.bootcss.com/pace/1.0.2/pace.min.js"></script>
	<script th:data-main="@{/}" th:src="@{/bootstrap/vendor/requirejs/require.js}"></script>
	<script type="text/javascript" th:inline="javascript">
		var base = /*[[${#httpServletRequest.getContextPath()}]]*/"";
		var activeMenu = function(code) {
			Pace.restart();
			$(".sidebar-menu").children("li").removeClass("active");
			$(".sidebar-menu").children(".menu-" + code).addClass("active");
		};

		requirejs.config({
			paths : {
				text : base + "/bootstrap/vendor/requirejs/text",
				domReady : base + "/bootstrap/vendor/requirejs/domReady",
				router : "//cdn.bootcss.com/Director/1.2.8/director.min"
			}
		});

		requirejs([ "router", "text" ], function() {
			jQuery(document).ready(function() {

				"use strict";

				// Init Theme Core    
				Core.init();

				// Init Demo JS  
				Demo.init();

				var contentWrapper = $("#content");
				var routes = {
					"/page" : {
						"?((\w|.)*)" : function(path) {
							require([ "text!" + base + "/" + path + "?_t=" + (new Date()).getTime() ], function(html) {
								contentWrapper.html(html);
								$("body").removeClass('sidebar-open');
							});
						}
					}
				};

				var router = Router(routes);

				router.init();

				var hash = window.location.hash;
				if (hash && hash != "") {

				} else {
					window.location.href = "#/page/dashboard";
				}

			});
		});
	</script>
	<!-- END: PAGE SCRIPTS -->

</body>
</html>
